<template>
    <div>
        <div id="iPageContent" class="checkoutWrapper" ng-class="{'is-gdpr-guest': GDPRHelper.active &amp;&amp; order.isGuestUser}">
			<div ng-if="order.cart &amp;&amp; order.cart.items.length &amp;&amp; !order.invalidOrder">
				<div id="steps-wrapper">
					<span class="step-title clicable active" ng-click="showShippingMethods()" ng-class="{active: order.step == 'shipping'}">1. 配送</span>
					<span class="step-title-separator ico ico-arrow-down-gray-sm ico-centered"></span>
					<span class="step-title" ng-class="{active: order.step == 'payment'}">2. 付款</span>
					<span class="step-show-summary" bsk-click="toggleSummaryMobile($event)" ng-hide="isIos &amp;&amp; order.step=='payment' &amp;&amp; paymentMethods.selected">查看概要</span>
				</div>
            </div>
		</div>		
				
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
 .no-shop-shipping {
            background: #E9F6FF;
            text-align: left;
            padding: 10px;
            position: relative;
            max-width: 1024px;
            margin: 0 auto;
            cursor: pointer;
    
        }
    
        .no-shop-shipping span {
            font-family: "bentonsansregular", "Roboto", sans-serif;
            color: #005AAC;
            letter-spacing: 0.56px;
            line-height: 16px;
            padding-right: 10px;
        }
    
        .no-shop-shipping .more-info {
            position: absolute;
            bottom: 37%;
            right: 50px;
            font-weight: bold;
            cursor: pointer;
            font-size: 12px;
            font-family: "bentonsansregular", "Roboto", sans-serif;
        }
    
        .no-shop-shipping .more-info2 {
            position: absolute;
            bottom: 37%;
            right: 50px;
            font-weight: bold;
            cursor: pointer;
            font-size: 12px;
            font-family: "bentonsansregular", "Roboto", sans-serif;
        }
    
        .no-shop-shipping .more-info span {
            border-bottom: 1px solid #fff;
        }
    
        .no-shop-shipping .more-info2 span {
            border-bottom: 1px solid #fff;
        }
    
        #no-shop-parrilla .title {
            font-size: 15px;
        }
    
        #no-shop .title {
            font-size: 15px;
        }
    
        .txtbuenfin01,
        .txtbuenfin02 {
            font-family: 'vcrosd', 'FreePixel', 'bentonsansregular', 'Roboto', sans-serif !important;
            text-transform: uppercase !important;
        }
    
        .no-shop-shipping .txtbuenfin01 {
            font-size: 18px !important;
            text-align: right !important;
        }
    
        .no-shop-shipping .txtbuenfin02 {
            font-size: 20px !important;
            text-align: left !important;
        }
    
        .no-shop-shipping strong {
            font-weight: bold;
        }
    
        @media (max-width: 768px) {
            .no-shop-shipping .more-info {
                position: relative;
                bottom: inherit;
                right: inherit;
                padding-top: 3px;
            }
    
            .no-shop-shipping .more-info2 {
                position: relative;
                bottom: inherit;
                right: 15px;
                position: absolute;
                bottom: 13px;
            }
    
            .no-shop-shipping p {
                padding-left: 5px;
                padding-right: 5px;
            }
    
            #no-shop {
                width: 100%;
                position: relative;
                bottom: 0;
                z-index: inherit;
            }
    
            #no-shop p {
                text-align: left;
            }
    
            .no-mobile {
                display: none;
            }
    
            #no-shop-parrilla .title {
                font-size: 14px;
            }
    
            #no-shop .title {
                font-size: 14px;
            }
    
            #no-shop .subtitle-gr {
                font-size: inherit;
            }
    
            .no-mobile {
                display: none;
            }
        }
    
    
        .no-shop-shipping2 {
            background: #E9F6FF;
            text-align: left;
            padding: 15px 25px;
            position: relative;
            max-width: 1024px;
            margin: 0 auto;
            cursor: pointer;
    
        }
    
        .no-shop-shipping2 span {
            font-family: "bentonsansregular", "Roboto", sans-serif;
            color: #005AAC;
            letter-spacing: 0.56px;
            /*line-height: 20px;*/
            padding-right: 4px;
        }
    
        .no-shop-shipping2 .more-info {
            position: absolute;
            bottom: 37%;
            right: 50px;
            font-weight: bold;
            cursor: pointer;
            font-size: 12px;
            font-family: "bentonsansregular", "Roboto", sans-serif;
        }
    
        .no-shop-shipping2 .more-info2 {
            position: absolute;
            bottom: 37%;
            right: 50px;
            font-weight: bold;
            cursor: pointer;
            font-size: 12px;
            font-family: "bentonsansregular", "Roboto", sans-serif;
        }
    
        .no-shop-shipping2 .more-info span {
            border-bottom: 1px solid #fff;
        }
    
        .no-shop-shipping2 .more-info2 span {
            border-bottom: 1px solid #fff;
        }
    
    
        @font-face {
            font-family: 'BentonSansCondMedium';
            src: url('https://static.bershka.cn/4/static/itxwebstandard/css/fonts/BentonSansCondMedium.ttf?20211118015002') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
</style>